﻿<!doctype html>
<html>
 <head>
     <meta charset="UTF-8">
     <meta name="Keywords" content="">
     <meta name="Description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
     <link rel="stylesheet" type="text/css" href="css/base.css" />
     <title></title>
 </head>
 <body class="container">

    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="#"><span class="icon2 icon2-back"></span></a>
        <a class="pull-right header-btn" href="index.html"><span class="icon2 icon2-home"></span></a>
        <h1>我的收藏</h1>
    </header>
         
    <div class="row main">
        <div class="tabs-nav fav-tab-nav">
            <a data-toggle="tab" data-target="#tab_fav_goods"><span>收藏商品(<span id="">7</span>)</span></a>
            <a data-toggle="tab" data-target="#tab_fav_brand" class="active"><span>收藏品牌(<span id="">5</span>)</span></a>
        </div>
        <div class="tabs-content">
            <div class="tab-pane" id="tab_fav_goods">
                <ul class="goods-lists-s2">
                    <!--一件-->
                    <li class="lists-item-s2">
                        <a href="#">
                            <div class="lists-item-s2-img"><img src="images/example3.jpg" /></div>
                            <div class="lists-item-s2-info">
                                <h5>原木质 创意台灯 床头灯卧室简约现代 可调光</h5>
                                <div class="info-bottom item-price fs-17">
                                    <span>$<span id="">112</span></span>
                                    <small class="muter"><del>$<span id="">321</span></del></small>
                                </div>
                            </div>
                        </a>
                        <div class="rig-side-func"><a href="#"><span class="icon4 icon4-trash-white"></span></a></div>
                    </li>
                    <!--一件-->
                    <li class="lists-item-s2">
                        <a href="#">
                            <div class="lists-item-s2-img"><img src="images/example3.jpg" /></div>
                            <div class="lists-item-s2-info">
                                <h5>原木质 创意台灯 床头灯卧室简约现代 可调光</h5>
                                <div class="info-bottom item-price fs-17">
                                    <span>$<span id="">112</span></span>
                                    <small class="muter"><del>$<span id="">321</span></del></small>
                                </div>
                            </div>
                        </a>
                        <div class="rig-side-func"><a href="#"><span class="icon4 icon4-trash-white"></span></a></div>
                    </li>
                    <!--一件-->
                    <li class="lists-item-s2">
                        <a href="#">
                            <div class="lists-item-s2-img"><img src="images/example3.jpg" /></div>
                            <div class="lists-item-s2-info">
                                <h5>原木质 创意台灯 床头灯卧室简约现代 可调光</h5>
                                <div class="info-bottom item-price fs-17">
                                    <span>$<span id="">112</span></span>
                                    <small class="muter"><del>$<span id="">321</span></del></small>
                                </div>
                            </div>
                        </a>
                        <div class="rig-side-func"><a href="#"><span class="icon4 icon4-trash-white"></span></a></div>
                    </li>
                    <!--一件-->
                    <li class="lists-item-s2">
                        <a href="#">
                            <div class="lists-item-s2-img"><img src="images/example3.jpg" /></div>
                            <div class="lists-item-s2-info">
                                <h5>原木质 创意台灯 床头灯卧室简约现代 可调光</h5>
                                <div class="info-bottom item-price fs-17">
                                    <span>$<span id="">112</span></span>
                                    <small class="muter"><del>$<span id="">321</span></del></small>
                                </div>
                            </div>
                        </a>
                        <div class="rig-side-func"><a href="#"><span class="icon4 icon4-trash-white"></span></a></div>
                    </li>
                </ul>

            </div>
            <div class="tab-pane active" id="tab_fav_brand">
                <ul class="brand-lists-s2">
                    <!--一件-->
                    <li class="brand-item-s2">
                        <a class="brand-header" href="">
                            <div class="brand-logo"><img src="images/logo2.png" /></div>
                            <div class="brand-title">
                                <h4>Bantin/坂田</h4>
                                <span class="mute">坂田电器一直以严谨的专业性、雄厚的生产实力,描述描述描述描述!</span>
                            </div>
                        </a>
                        <a class="trash-box-green" href="#"><span class="icon4 icon4-trash-green"></span></a>
                        
                        <div class="row brand-goods-lists">
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                        </div>
                    </li>
                    <!--一件-->
                    <li class="brand-item-s2">
                        <a class="brand-header" href="">
                            <div class="brand-logo"><img src="images/logo2.png" /></div>
                            <div class="brand-title">
                                <h4>Bantin/坂田</h4>
                                <span class="mute">坂田电器一直以严谨的专业性、雄厚的生产实力,描述描述描述描述!</span>
                            </div>
                        </a>
                        <a class="trash-box-green" href="#"><span class="icon4 icon4-trash-green"></span></a>

                        <div class="row brand-goods-lists">
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                        </div>
                    </li>
                    <!--一件-->
                    <li class="brand-item-s2">
                        <a class="brand-header" href="">
                            <div class="brand-logo"><img src="images/logo2.png" /></div>
                            <div class="brand-title">
                                <h4>Bantin/坂田</h4>
                                <span class="mute">坂田电器一直以严谨的专业性、雄厚的生产实力,描述描述描述描述!</span>
                            </div>
                        </a>
                        <a class="trash-box-green" href="#"><span class="icon4 icon4-trash-green"></span></a>

                        <div class="row brand-goods-lists">
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                            <!--小一件-->
                            <a href="" class="col-xs-3"><img src="images/example3.jpg"/></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
     <!--页尾-->
     <footer class="row footer">
         <nav class="footer-nav">
             <div class="pull-left">
                 <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                 <a class="nav-item"><span class="icon icon-vertline"></span></a>
                 <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
             </div>
             <div class="pull-right">
                 <a class="nav-item" href="feedback.html">反馈</a>
                 <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                 <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
             </div>
         </nav>
         <nav class="footer-nav2">
             <div class="platform-select">
                 <div class="text-center">
                     <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                     <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                     <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                 </div>
                 <div class="text-center footer-copyright">
                     <span>Copyright © 20013-2014  QQT100.COM</span><br />
                     <span>客服电话：4000-139-020</span>
                 </div>
             </div>
         </nav>
     </footer>
     <!--The script:-->
     <script src="lib/js/zepto.min.js"></script>
     <script src="js/script_ui_ev.js"></script>

</body>
</html>
